<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/xiaoguo.css">
  <script src="../js/jquery-3.6.0.min.js"></script>
  <link rel="stylesheet" href="../common/bootstrap/css/bootstrap.min.css">
  <script src="../common/bootstrap/js/bootstrap.min.js"></script>
  <title>装修之家-装修公司</title>
</head>

<body>
  <div class="zhuangxiu">
   <!-- 头部 -->
  <div class="renovation-hearder centre">
    <ul class="main-top centres">
      <li><a href="#">登录/注册</a></li>
      <li><a href="#">APP/公众号</a></li>
      <li><a href="#">商业合作</a></li>
      <li><a href="#">咨询热线：4000-787-012</a></li>
    </ul>
    <div class="main-bottom centres flex">
      <div class="logo"><img src="../img/logo.jpg" alt=""></div>
      <ul class="main-nav">
        <li><a href="index.html" >首页</a></li>
        <li><a href="zhuangxiu.html" class="active">装修公司</a></li>
        <li><a href="shejishi.html">设计师</a></li>
        <li class="">
					
					<a href="xiaoguotu.html">效果图</a>
					<span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
				</li>
        <li>
					<img src="/img/33.jpg" alt="" class="hot">
					<a href="fuwu.html">服务</a>
					<span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
				</li>
      </ul>
      <div class="main-search ">
        <div class="bule">
          装修公司
          <span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
        </div>
        <input type="search" name="" id="" placeholder="请输入公司名称或关键字" />
      </div>
      <div class="more">
        <img src="../img/more_.png" alt="" class="mores">
      </div>
      <!-- 手机端导航 -->
      <ul class="mobile-nav" id="mobile-nav">
        <li><a href="index.html" >首页</a></li>
        <li><a href="zhuangxiu.html" class="mobile-active">装修公司</a></li>
        <li><a href="shejishi.html">设计师</a></li>
        <li><a href="xiaoguotu.html">
					效果图
					

				</a></li>
        <li>
				
					<a href="fuwu.html">服务</a>
				</li>
      </ul>
    </div>
  </div>
    <div class="top">
      <a href="#">首页>北京装修公司>共44家公司</a>
    </div>
    <div class="center">
      <div class="center-one">
        <div class="one-list">
          <ul>
            <li>服务地区：</li>
            <li class="tlist"><a href="#">全部</a></li>
            <li><a href="#">东城区</a></li>
            <li><a href="#">西城区</a></li>
            <li><a href="#">崇文区</a></li>
            <li><a href="#">宣武区</a></li>
            <li><a href="#">朝阳区</a></li>
            <li><a href="#">丰台区</a></li>
            <li><a href="#">石景山区</a></li>
            <li><a href="#">海淀区门</a></li>
            <li><a href="#">头沟区</a></li>
            <li><a href="#">房山区</a></li>
          </ul>
          <ul>
            <li>服务内容：</li>
            <li class="tlist"><a href="#">全部</a></li>
            <li><a href="#">小户型</a></li>
            <li><a href="#">公寓</a></li>
            <li><a href="#">别墅</a></li>
            <li><a href="#">普通住宅</a></li>
            <li><a href="#">商业装修</a></li>
          </ul>


          <ul>
            <li>承接价位：</li>
            <li class="tlist"><a href="#">全部</a></li>
            <li><a href="#">3万以下</a></li>
            <li><a href="#">3~6万</a></li>
            <li><a href="#">6~10万</a></li>
            <li><a href="#">10~20万</a></li>
            <li><a href="#">20~50万</a></li>
            <li><a href="#">50~100万</a></li>
            <li><a href="#">100万以上</a></li>
          </ul>
        </div>
        <div class="two-list">
          <a href="#">默认</a>
          <a href="#">案例</a>
          <a href="#">工地</a>
        </div>
        <div class="three-list">
          <div class="three">
            <div class="three1">
              <div class="three2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="three3">
                <h4>北京大业美家装饰</h4>
                <div class="three4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
                <div class="three4s">
                  <img src="../img/biao.png" alt="">
                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>
                </div>
                <div class="three5">
                  <img src="../img/juan.png" alt="">
                  <img src="../img/hui.png" alt="">
                  <span>家装季</span>
                </div>
              </div>
            </div>
            <div class="threes">
              <div class="b1"><button>联系TA+</button></div>
              <div class="b2"><button>进入店铺+</button></div>
            </div>
          </div>
          <div class="three">
            <div class="three1">
              <div class="three2">
                <img src="../img/49.jpg" alt="">
              </div>
              <div class="three3">
                <h4>北京名大世家装饰</h4>
                <div class="three4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
                <div class="three4s">
                  <img src="../img/biao.png" alt="">
                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>
                </div>
              </div>
            </div>
            <div class="threes">
              <div class="b1"><button>联系TA+</button></div>
              <div class="b2"><button>进入店铺+</button></div>
            </div>
          </div>
          <div class="three">
            <div class="three1">
              <div class="three2">
                <img src="../img/49.jpg" alt="">
              </div>
              <div class="three3">
                <h4>北京金兰雅居装饰工程有限公司</h4>
                <div class="three4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
                <div class="three4s">
                  <img src="../img/biao.png" alt="">
                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>
                </div>
              </div>
            </div>
            <div class="threes">
              <div class="b1"><button>联系TA+</button></div>
              <div class="b2"><button>进入店铺+</button></div>
            </div>
          </div>
          <div class="three">
            <div class="three1">
              <div class="three2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="three3">
                <h4>北京大业美家装饰</h4>
                <div class="three4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
                <div class="three4s">
                  <img src="../img/biao.png" alt="">
                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>
                </div>
                <div class="three5">
                  <img src="../img/juan.png" alt="">
                  <img src="../img/hui.png" alt="">
                  <span>家装季</span>
                </div>
              </div>
            </div>
            <div class="threes">
              <div class="b1"><button>联系TA+</button></div>
              <div class="b2"><button>进入店铺+</button></div>
            </div>
          </div>
          <div class="three">
            <div class="three1">
              <div class="three2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="three3">
                <h4>北京名大世家装饰</h4>
                <div class="three4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
                <div class="three4s">
                  <img src="../img/biao.png" alt="">
                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>
                </div>
              </div>
            </div>
            <div class="threes">
              <div class="b1"><button>联系TA+</button></div>
              <div class="b2"><button>进入店铺+</button></div>
            </div>
          </div>
          <div class="three">
            <div class="three1">
              <div class="three2">
                <img src="../img/49.jpg" alt="">
              </div>
              <div class="three3">
                <h4>北京大业美家装饰</h4>
                <div class="three4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
                <div class="three4s">
                  <img src="../img/biao.png" alt="">
                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>
                </div>
              </div>
            </div>
            <div class="threes">
              <div class="b1"><button>联系TA+</button></div>
              <div class="b2"><button>进入店铺+</button></div>
            </div>
          </div>
        </div>
        <div class="four-list">
          <ul class="four-lists">
            <li><a class="active" href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">...</a></li>
          </ul>
        </div>
      </div>
      <div class="center-two">
        <div class="two-body">
          <h2>本月活跃排名</h2>
          <div class="two-bodys">
            <div class="body-list">
              <div class="body1" style="background-color: red;">
                <span>1</span>
              </div>
              <div class="body2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="body3">
                <h4>北京大业美家装饰</h4>
                <div class="body4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
              </div>
            </div>
            <div class="body-list">
              <div class="body1" style="background-color:#FF761E;">
                <span>2</span>
              </div>
              <div class="body2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="body3">
                <h4>名匠</h4>
                <div class="body4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
              </div>
            </div>
            <div class="body-list">
              <div class="body1" style="background-color:#6EC4DB;">
                <span>3</span>
              </div>
              <div class="body2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="body3">
                <h4>维意定制</h4>
                <div class="body4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
              </div>
            </div>
            <div class="body-list">
              <div class="body1">
                <span>4</span>
              </div>
              <div class="body2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="body3">
                <h4>金兰雅居</h4>
                <div class="body4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
              </div>
            </div>
            <div class="body-list">
              <div class="body1">
                <span>5</span>
              </div>
              <div class="body2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="body3">
                <h4>北京卓尔曼</h4>
                <div class="body4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
              </div>
            </div>
            <div class="body-list">
              <div class="body1">
                <span>6</span>
              </div>
              <div class="body2">
                <img src="../img/7.jpg" alt="">
              </div>
              <div class="body3">
                <h4>北京力利通</h4>
                <div class="body4">
                  <span>案例：<a>14</a></span>
                  <span>工地：<a>7</a></span>
                  <span>设计师：<a>9</a></span>
                </div>
              </div>
            </div>
            <div class="lan">
              <img src="../img/lan.png" alt="">
            </div>
          </div>
          <div class="gengduo">
            <p>收起更多排行</p>
          </div>
        </div>
      </div>
    </div>
    <div class="renovation-bottom  centre">
      <div class=" centres">
        <div class="bottom-top ">
          <div class="bot-left">
            <ul class="about-bot">
              <h5>关于我们</h5>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">联系我们</a></li>
              <li><a href="#"> 招贤纳士</a></li>
              <li><a href="#">商务合作</a></li>
            </ul>
            <ul class="about-bot">
              <h5>新手上路</h5>
              <li><a href="#">免费注册</a></li>
              <li><a href="#">免费设计</a></li>
              <li><a href="#">免费报价</a></li>
              <li><a href="#">牯修攻路</a></li>
            </ul>
            <ul class="about-bot">
              <h5>帮助中心</h5>
              <li><a href="#">忘记密码</a></li>
              <li><a href="#">侵权投诉</a></li>
              <li><a href="#">法律声明</a></li>
              <li><a href="#">装修问答</a></li>
            </ul>
            <ul class="about-bot">
              <h5>全国统一电话: <span> 4000-787-012</span></h5>
              <li><a href="#">在线咨询:8:30-18:00</a></li>
              <li><a href="#">业务电话:4000-7B7-012</a></li>
              <li><a href="#"> 公司地址:山东省济南市历城区二环东路东环国际广场D做12层</a></li>

            </ul>
          </div>
          <div class="bot-right">
            <img src="/img/weweima_03.png" alt="">
            <p>关注公众号</p>
          </div>

        </div>
        <div class="bottom-center">
          <div class="cen-top"><span>热门装修网</span>&nbsp;&nbsp; 友情链接 </div>
          <div class="cen-bot">
            武汉装修网 合肥装修网 杭州装修网 无铺装修网 青岛鞍修网 兰州装修网 哈尔滨装修网 沈阳装修网 太原敲修网 广州装修网 兰州凄修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 武汉装修网 台肥装修网
            杭洲装修网 无镵菽修网 胄岛跋侮网 兰州装修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 兰州装修网 哈尔滨装修网沈阳装修网 太原装修网 广州装修网

          </div>

        </div>
        <div class="bottom-bottom">
          <div class="bot-wen">
            <div>免责声明:本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。装修之家我网保留所有权利</div>
            <div> Copyright@2010-2021济南六度网络技术有限公司zzhijia.comALlLRightls Resenved.备案号:鲁ICP备12026533号鲁公网安备37011202000873号
            </div>
          </div>
          <div class="bot-img">
            <img src="/img/30.jpg" alt="">
            <img src="/img/31.jpg" alt="">
          </div>

        </div>





      </div>
    </div>
  </div>
</body>
<script>
   $(function () {
    // 手机端导航 显示隐藏
    $('.mores').click(function () {
      var mo = $(".mores").attr('src')
      if (mo == '/img/more_.png') {
        $(".mores").attr('src', '/img/canle.png')
        $('.mobile-nav').addClass('show')
      } else {
        $(".mores").attr('src', '/img/more_.png')
        $('.mobile-nav').removeClass('show')
      }
    })
  })



  var lis = document.querySelectorAll("ul li a");

  window.onload = function () {
    for (var i = 0; i < lis.length; i++) {
      lis[i].onclick = function () {
        for (var j = 0; j < lis.length; j++) {
          lis[j].style.color = "black";
        }
        this.style.color = "#2E06BE";
      }
    }
  }
</script>

</html>